<template>
    <div class="wrapper">
         选择城市
         <router-link to="/">
           <div class="iconfont header-back">&#xe624</div>
         </router-link>
       </div>
</template>

<script>
  export default {
    name: 'CityHeader'
  }
</script>

<style scoped lang="stylus">
  @import "~styles/varibles.styl"
  .wrapper
    wrapper()
    line-height  $headerHeight
    text-align center
    font-size .35rem
    background $bgColor
    color $headerIcon


  .header-back
    position absolute
    left 0.1rem
    top 0
    width .64rem
    text-align center
    color $headerIcon
    font-weight bolder

</style>
